body {margin: 0px;}
*{box-sizing: border-box;}
#container {height: 100vh; display: grid;
     gap: 1vw 1vw; background-color: palegreen;
    border: 1vw solid palegreen; grid-template-rows: 6vw 3.2vw repeat(5,1fr);
    grid-template-columns: repeat(7,1fr);
    }
.month {grid-column: 1/8; text-align: center;
     background-color: linen; font-size: 4vw; display: grid;}
#container>div{padding: .5vw; overflow: auto; justify-items: center;}
.dow {font-size: 1.8vw; text-align: center; background-color: mediumspringgreen;}
.date {font-size: 1vw; background-color: seagreen;font-weight: bold;}
.spacer {background-color: mediumseagreen;}